/*
 *= require_tree ./vendor
 *= require_self
 *= require_tree .
 */
body {
    font-size: 12px;
}
// 灰色

.theme-gray {
    background-color: #e8e8e8 !important;
}
// 白色

.theme-white {
    background-color: #fff !important;
}

.theme-green {
    background-color: #6a989b !important;
}

.text-gray {
    color: #666 !important;
}

.text-black {
    color: #000 !important;
}

.navbar,
.toolbar {
    @extend .theme-gray;
}
// 隐藏滚动条

::-webkit-scrollbar {
    display: none !important;
}
// 消除ul前的黑点

li {
    list-style: none !important;
}

.cell-padding {
    padding: 8px !important;
}

.gray-bar {
    @extend .theme-gray;
    height: 12px !important;
}

.float-right {
    float: right !important;
}

.display-inline {
    display: inline !important;
}
@each $size in (10, 12, 16, 20, 36, 40, 60) {
    .img-size-#{$size} {
        width: #{$size}px !important;
        height: #{$size}px !important;
        background-size: #{$size}px !important;
    }
}

@each $size in (12, 14) {
    .font-size-#{$size} {
        font-size: #{$size}px !important;
    }
}

@each $type in (none, block, inline, inline-block) {
    .display-#{$type} {
        display: $type !important;
    }
}
@each $align-type in (baseline, bottom, top) {
    .vertical-align-#{$align-type} {
        vertical-align: $align-type !important;
    }
}
/**************************** 图片 ***************************/
.img {
    @each $img in ( detail, download, female, magnify, mail, male, phone, student, today, trumpet ) {
        &.img-#{$img} {
            background-image: url('/assets/#{$img}.png');
        }
    }
    // arrow images
    @each $direction in (up, down, right) {
        &.img-arrow-#{$direction} {
            background-image: url('/assets/arrow_#{$direction}.png');
        }
    }
    // active images
    @each $img in (detail, student, trumpet) {
        &.img-#{$img}.active {
            background-image: url('/assets/#{$img}_active.png');
        }
    }
}
